@charset "UTF-8";

@mixin clearfix() {
    &:before,
    &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
}

@mixin abs ($way, $top: auto,$right: auto,$bottom: auto,$left: auto){
    position: #{$way};
    top: $top;
    right: $right;
    bottom: $bottom;
    left: $left;
}


@mixin zhongz($num) {
    -webkit-transform: translateY($num);
    transform: translateY($num);
}
@mixin hengz($num) {
    -webkit-transform: translateX($num);
    transform: translateX($num);
}
@mixin delay($num) {
    -webkit-transition-delay: ($num);
    transition-delay: ($num);
}
@mixin scale($num){
    -webkit-transform: scale($num);
    transform: scale($num);
}

@mixin textShow($num){
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: $num;
    -webkit-box-orient: vertical;
}
%ani{
    transition: all 500ms ease;
}

// 右侧栏样式
.publish{
    background: #f9f9f9;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    cursor: pointer;
    margin-bottom: 20px;

    p{
        width: 80%;
        margin: 15px 10%;
        color: #777;
        @extend %ani;
        @include hengz(5px);

        &:hover{
            color: #000;
            @include hengz(0px);
        }
    }
}
.sift-list{
    background: #f9f9f9;
    border-radius: 4px;
    list-style-type: none;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    
    li{
        width: 80%;
        margin: 0 10%;
        padding: 15px 0;
        border-bottom: 1px solid #e4e4e4;

        &:last-child{
            border-bottom: none;
        }

        p{
            color: #777;
            cursor: pointer;
            font-size: 0.9em;
            @extend %ani;
            @include hengz(5px);

            &:hover{
                color: #000;
                @include hengz(0px);
            }
        }
        .active{
            color: #000;
            @include hengz(0px);
        }
        
        &.publish{
            width: 100%;
            margin: 0;
            padding-left: 10%;
            border-bottom: 1px solid #e4e4e4;
        }
    }
}